<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1">
		<title>退款详情</title>
		<!--图标样式-->
		<link rel="stylesheet" type="text/css" href="js/font-awesome/css/font-awesome.css"/>
		<!--公共样式-->
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="js/bootstrap/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/refunddetail.css"/>
		<script type="text/javascript" src="js/common/jquery-1.12.2.js"></script>
		<script type="text/javascript" src="js/bootstrap/bootstrap.min.js"></script>
		<!--进度条-->
		<script type="text/javascript"  src="js/common/baseUrl.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-sham.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
		<script type="text/javascript" src="js/artTemplate/template.js"></script>
		<script type="text/javascript" src="js/common/refunddetail.js"></script>
		<script type="text/javascript" src="js/common/setStep.js"></script>

	</head>
	<body class="refundbox">
		<!-- 头部 -->
	    <div id="header">
	        <div class="top">
	            <div class="top-left">
	                <i class="fa fa-map-marker "></i>
	                <a href="javascript:void(0)" class="one">广州</a>
	                <a href="javascript:void(0)" class="two">切换城市</a>
	            </div>
	            <div class="top-right">
	                <a class="one">
	                    <i class="fa fa-user"></i> 朱莉
	                </a>
	                <a href="javascript:void(0)">退出</a>
	                <a href="javascript:void(0)">帮助中心</a>
	                <a href="javascript:void(0)">网站导航</a>
	                <a href="javascript:void(0)">手机APP</a>
	            </div>
	        </div>
	    </div>
	    <div id="refunddetail">
	    	<!--搜索框-->
	    	<div class="searchBox">
				<div class="search">
					<div class="search-left">
						<span class="husheng">互生</span>
						<span class="vertical">|</span>
						<span class="evaluate">休闲娱乐</span>
					</div>
					<div class="search-right">
						<div class="one">
							<input type="text" name="search" id="search" value="" placeholder="输入商家名称、分类或地区" />
							<a href="javascript:void(0)">
								<i class="fa fa-search"></i>
							</a>
						</div>
						<div class="two">
							<a href="#">运动健身</a>
							<a href="#">瑜伽</a>
							<a href="#">羽毛球</a>
							<a href="#">CS</a>
							<a href="#">农家乐</a>
							<a href="#">私人影院</a>
						</div>
					</div>
				</div>
			</div>
			<!--退款内容-->
			<div class="refundcontent">
				<div class="middle" id="middle">
					<script  id="test" type="text/html">
							<!--退款详情-->
							<div class="top">退款详情</div>
							<!--退款金额-->
							<div class="refundjine">
								退款金额:
								<img src="img/yhq2.png"/>
								<span>{{dataList.refundAmount}}</span>
							</div>
							<div class="refundreason">
								退款原因:
								<span>{{dataList.refundReason}}</span>
							</div>
							<!--订单信息-->
							<div class="orderinfor">订单信息</div>
							<div class="infor1">
								<div class="num left">
									订单编号:
									<span>{{dataList.orderId}}</span>
								</div>
								<div class="time left">
									下单时间:
									<span>{{dataList.orderCreateTime}}</span>
								</div>
								<div class="total left">
									订单总额:
									 <img src="img/yhq2.png"/>
									<span class="money">{{dataList.orderAmount}}</span>
								</div>
								<div class="dikou left">
									消费抵扣券:
									<img src="img/yhq1.png"/>
								</div>
								<span class="green">-{{dataList.ptCouponsDiscount}}</span>
							</div>
							<div class="infor1">
								<div class="num left">
									消费积分:
									<img src="img/yhq3.png"/>
									<span class="pv">{{dataList.perPoint}}</span>
								</div>
								<div class="time left">
									实付:
									<img src="img/yhq2.png"/>
									<span class="money">{{dataList.payAmount}}</span>
								</div>
							</div>
							<!--退款信息-->
							<div class="refundinfor">退款信息</div>
							<div class="refundinfordetail">
								<div class="one">
									退回消费抵扣券:
									<img src="img/yhq1.png"/>
									<span class="green">{{dataList.refundHscouponAmount}}</span>
								</div>
								<div class="two">
									商家退款金额:
									<img src="img/yhq2.png"/>
									<span class="money">{{dataList.refundAmount}}</span>
								</div>
								<div class="three ">
									服务开始前两个小时,退款50%
								</div>
								<div class="four">
									退回账户:互生账户
								</div>
							</div>
							<!--退款状态-->
							<div class="refundstatus">退款状态</div>
							<div class="status">
								<div class="help">
									<div class="help1">
										<i class="fa fa-phone"></i>
										<span>退款帮助</span>
									</div>
								</div>
								<!--进度条-->
								<div class="rate">
									<div class="stepCont stepCont2">
										<div class='ystep-container ystep-lg ystep-blue'></div>
									</div>
								</div>
								<div class="progressstate">
									<span class="progressstateone">2018-7-18 20:30:30</span>
									<span class="progressstatetwo">你的退款申请已收到,请你耐心等待审核 </span>
									<span class="progressstatethree">款项已退回你的互生币账户 </span>
								</div>
								<div class="progresstime">
									<span class="progresstimetwo">2018-7-18 22:10:30</span>
									<span class="progresstimethree">2018-7-18 22:10:30</span>
								</div>
							</div>
						</script>
				</div>
			</div>
	    </div>
	    <!--			*********底部********-->
			<div class="foot" id="foot">
				<p>
					<strong>客服热线： </strong>
					<a href="javascript:void(0)">
						0755-83344111
					</a>
					<span class="foot-adition">2013-2018 </span>
					<span>
						深圳市互生电子商务有限公司
					</span>
					<span>
						粤ICP备案号14100052号
					</span>
				</p>
		    </div>
	</body>
	<script>
				var step2 = new SetStep({
					content: '.stepCont2',
					clickAble: false
				})
			</script>
</html>
